.city {
    position: absolute;
    top: 170px;
    left: 1250px;
}
.td {
    position: absolute;
    top: 140px;
    left: 1350px;
}
.td1 {
    position: absolute;
    top: 390px;
    left: 1450px;
}
.city .dotted {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: red;
}
.city div[class^="pulse"] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    box-shadow: 0 0 12px #1ab394;
    border-radius: 50%;
    animation: pulse 1.2s linear infinite;
}
@keyframes pulse {
    0% {}
    70% {
        width: 40px;
        height: 40px;
        opacity: 1;
    }
    100% {
        width: 70px;
        height: 70px;
        opacity: 0;
    }
}
.pulse1{
    color: #1ab394;
}
.pulse2 {
    color: #1ab394;
    animation-delay: .4s!important;
}
.pulse3 {
    color: #1ab394;
    animation-delay: .8s!important;
}
.china {
    position: absolute;
    top: 70px;
    left: 1250px;
    height: 30px;
    overflow: hidden;
    font-size: 20px;
    animation: china 8s steps(12);
    animation-iteration-count: infinite;
    color: #1ab394;
}
@keyframes china {
    0% {
        width: 0;
    }
    100% {
       width: 240px;
    }

}
.problem01,.problem02,.problem03{
    position: fixed;
    top: 100px;
    left: 680px;
    width: 120px;
    height: 30px;
    /*background-color: #FF0000;*/
    text-align: center;
    line-height: 30px;
    /*padding-top: 7px ;*/
    overflow: hidden;
}
.problem02{
    top: 140px;
}
.problem03{
    top: 180px;
}
.problem01 .s01, .problem02 .s02, .problem03 .s03 {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #FF0000;
    left: 90px;
    z-index: 1;
    cursor: pointer;
}
.problem01 .d01, .problem02 .d02, .problem03 .d03 {
    width: 90px;
    background-color: #aa00ff;
    position: absolute;
    left: 90px;
    z-index: 0;
    border-radius: 15px 0 0 15px;
    cursor: default;
}
.s00 {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 120px;
    border-radius: 15px;
    background: rgba(0,0,0,.5);
    z-index: 20;
    cursor: pointer;
}
